<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="./js/jquery-3.1.0.min.js"></script>
    <script src="./js/flexible.debug.js"></script>
    <script src="./js/flexible_css.debug.js"></script>
    <link rel="stylesheet" href="./css/order.css">
    <title>昆山朋友圈</title>
</head>
<body>
    <div class="container">
        <header class="title">订单详情</header>
        <div class="cell-box">
            <div class="cell">
                <span class="left">商品名称</span>
                <span class="right">定位红包支付</span>
            </div>
            <div class="line"></div>
            <div class="cell">
                <span class="left">订单编号</span>
                <span class="right">20180406154650</span>
            </div>
            <div class="line"></div>
            <div class="cell">
                <span class="left">商检名称</span>
                <span class="right">自助微广告</span>
            </div>
            <div class="line"></div>
            <div class="cell">
                <span class="left">商品价格</span>
                <span class="right green">￥1.1元</span>
            </div>
        </div>
        <div class="cell-box" style="margin-top: 0.4rem">
            <div class="cell">
                <span class="left">还需支付</span>
                <span class="right green">￥1.10元</span>
            </div>
        </div>
        <header class="title">选择支付方式</header>
        <div class="cell-box" onclick="wxpay()">
            <div class="pay-box">
                <img src="./image/weixin.png" alt="" srcset=""/>
                <div class="info">
                    <p class="pay-title">微信支付</p>
                    <p class="pay-desc">微信支付，安全快捷(必须使用微信内置浏览器)</p>
                </div>
            </div>
            <div class="line"></div>
            <div class="pay-box" onclick="apay()">
                <img src="./image/apay.png" alt="" srcset=""/>
                <div class="info">
                    <p class="pay-title">支付宝</p>
                    <p class="pay-desc">简单、安全、快速</p>
                </div>
            </div>
        </div>
    </div>
    <script>

        // 微信支付
        var wxpay = function(){

        }

        // 支付宝支付
        var apay = function(){

        }
    </script>
</body>
</html>